<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"/>
    <title>私人指导</title>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="icon/iconfont.css"/>
    <link rel="stylesheet" href="css/com-footer.css"/>
    <style>
        .personal-list{}
        .personal-list li{padding: 0.8rem 0.5rem;background-color: #2c2c32;overflow: hidden;position: relative;}
        .personal-list .img-box{float: left;position: relative;width: 3.5rem;height: 3.5rem;}
        .personal-list .img-box img{display: block;width: 3.5rem;height: 3.5rem;}
        .personal-list .img-box .img-tip{color: #fff;position: absolute;right: 0;bottom: 0;font-size: 0.6rem;
            padding:0.1rem 0.3rem;border-radius: 0.8rem;}
        .personal-list .img-box .img-tip i{font-size: 0.6rem;}
        .personal-list .img-box .women{background-color: #f361a2;}
        .personal-list .middle-words{float: left;margin-left: 0.5rem;}
        .personal-list .middle-words h1{font-size: 0.6rem;color: #fbb701;font-weight: normal;margin-top: 0.3rem;}
        .personal-list .middle-words h1 span{font-size: 0.7rem;color: #fff;}
        .personal-list .middle-words h1 i{font-size: 0.6rem;}
        .personal-list .middle-words h2{font-weight: normal;font-size: 0.7rem;color: #fbb701;margin-top: 0.3rem;}
        .personal-list .middle-words h3{font-weight: normal;font-size: 0.6rem;color: #999;margin-top: 0.3rem;}
        .place-name{margin-top: 0.5rem;font-size: 0.6rem;}
        .place-name span{font-size: 0.7rem;color: #fff;}
        .arrow-right{}
        .arrow-right i{position: absolute;right: 0.75rem;top: 50%;transform: translateY(-50%);color: #fbb701;font-size: 0.7rem;}
    </style>
</head>
<body>
    <div class="container">
        <div class="personal-list">
            <ul>
                <li>
                    <a href="personal_guide_detail.html">
                        <div class="img-box">
                            <img src="img/personal_guide_img01.png" alt=""/>
                            <p class="img-tip women"><i class="iconfont icon-women"></i>26</p>
                        </div>
                        <div class="middle-words">
                            <h1>
                                <span>Lazar</span>
                                <i class="iconfont icon-star"></i>
                                <i class="iconfont icon-star"></i>
                                <i class="iconfont icon-star"></i>
                                <i class="iconfont icon-star"></i>
                                <i class="iconfont icon-star"></i>
                                5.0
                            </h1>
                            <h2>200~500元/小时</h2>
                            <h3>擅长：减肥塑形、运动康复</h3>
                        </div>
                        <div style="clear: both;"></div>
                        <p class="place-name">服务场馆：<span>KendoTrainingClub、work+私教馆</span></p>
                        <div class="arrow-right">
                            <i class="iconfont icon-arrow"></i>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <footer class="common-footer-box">
        <div class="common-footer clear">
            <a href="index.html">
                <i class="iconfont icon-changguan"></i>
                <span>附近场馆</span>
            </a>
            <a href="team_class.html">
                <i class="iconfont icon-mukeappicon03"></i>
                <span>小团体课</span>
            </a>
            <a class="on" href="#">
                <i class="iconfont icon-jianshenjiaolian"></i>
                <span>私人指导</span>
            </a>
            <a href="all_lesson.html">
                <i class="iconfont icon-iconfontuser"></i>
                <span>我的课程</span>
            </a>
        </div>
    </footer>
</body>
</html>